
/* HEADER  
---------------------------------------------------*/
#sidebar1 h1 {color: #000000;font: normal bold 26px Unkempt; text-align: right; text-transform: uppercase; margin: 0px 5px 0px 0px; padding: 20px 35px 0px 35px;}
#sidebar1 h1 a {text-decoration: none; color: #a5bc50;}
#sidebar1 h1 a:hover {text-decoration: none; color: #a5bc50;}
#sidebar1 .description {color: #000000; font: normal bold 16px Unkempt; text-align: right; margin: 0px 5px 0px 0px; padding: 5px 35px 17px 35px;}
#sidebar1 h1 p, #header .description p {margin:0;padding:0}
#sidebar1 a img {margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;border: 0;}

/* MAIN  
---------------------------------------------------*/
#content-wrapper {min-height: 600px; width: 1190px;margin: 0px 0px 0px 0px; position: relative;text-align: left; padding-top: 0px;}
#main-wrapper {margin: 30px 0 50px 0; padding: 0px 20px 10px 20px; float: right; position: relative; width: 740px; text-align: left;word-wrap: break-word; /* fix for long text breaking sidebar float in IE */overflow: hidden; /* fix for long non-text content breaking IE sidebar float */}
#main {width: 700px; padding: 0px 20px 0px 20px; text-align: left; color: #a5bc50; font: normal normal 72% Verdana, Geneva, sans-serif; background: #000000;}
#main .widget {padding: 0px 0px 10px 0px;}
.post {margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;line-height: 2.0em;text-align: justify;}
.post h3 {margin: 5px 0px;padding: 8px;color: #333333;font: normal normal 20px Droid Sans;text-decoration: none;text-align: center;line-height: 1.6em;text-transform: uppercase; text-shadow: 0 0 1px #999;}
.post h3 a, .post h3 a:visited {color: #333333;text-decoration: none;}
.post h3 a:hover {color: #a5bc50;text-decoration: none;}
.post-header-line-1 {margin: 4px 0px 10px 0px;padding: 3px 0px 4px 0px;}
h2.date-header {margin: 4px 0px; padding: 4px 0px; text-align: center; color: #999999; font: normal normal 12px Unkempt;text-decoration: none; text-transform: none; border-bottom: 1px solid #cccccc;}
.date-header span {margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}
.post-body p {/* Fix bug in IE5/Win with italics in posts */margin: 0px 0px 0px 0px;padding: 1px 0px 1px 0px;display: inline; /* to fix floating-ads wrapping problem in IE */height: 1%;overflow: visible;}
.post-body p a, .post-body p a:visited {color: #ffc000;text-decoration: none;}
.post-body a:hover {text-decoration: none;color: #ffffff;}
.post ul {margin: 0px 0px 0px 0px;padding: 12px 0px 12px 30px;list-style-type: disc;line-height: 1.6em;font-size: 95%;}
.post ol {margin: 10px 0px 0px 0px;padding: 12px 0px 12px 30px;line-height: 1.6em;font-size: 95%;}
.post li {margin: 0px 0px 0px 0px;padding: 0px 0px 8px 0px;line-height: 2.0em;font-size: 100%;}
a img {margin: 5px 5px 5px 5px;padding: 0px 0px 0px 0px;}
.post img {margin: 0px;padding: 0px;border: 0px solid #000000;}

/* POST-FOOTER  
---------------------------------------------------*/
.post-footer {display: block;margin: 25px 0px 25px 0px;padding: 7px 12px 5px 12px;text-align: left;font: normal bold 86% Verdana, Geneva, sans-serif;color: #ffffff;font-weight: normal;line-height: 1.7em;text-decoration: none;background: #385947;border-radius: 4px;}
.post-footer-line {margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}
.post-footer-line-1, .post-footer-line-2, .post-footer-line-3 {margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}
.post-footer a {color: #336699;text-decoration: none;}
.post-footer a:hover {color: #ffffff;text-decoration: none;}
.post-footer .post-comment-link a {margin: 0px 0px 0px 7px;padding: 0px 0px 0px 9px;color: #336699;font-weight: normal;text-decoration: none;}
.post-footer .post-comment-link a:hover {color: #ffffff;text-decoration: none;}
.post-footer .post-icons {margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}
.post-footer img {margin: 0px 0px 0px 0px;padding: 0px 0px 5px 0px;}
#blog-pager {margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;text-align: center;font: normal bold 86% Verdana, Geneva, sans-serif;color: #e5f4b0;}
#blog-pager a {color: #e5f4b0}
#blog-pager a:hover {color: #ffffff}
#blog-pager-newer-link {float: left;margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}
#blog-pager-older-link {float: right;margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}
.feed-links {margin: 10px 0px 0px 0px;padding: 0px 0px 0px 0px;clear: both;text-align: left;font: normal bold 86% Verdana, Geneva, sans-serif;color: #e5f4b0;}
.feed-links a, .feed-links a:visited {color: #e5f4b0}
.feed-links a:hover {color: #ffffff}

/* SIDEBAR  
---------------------------------------------------*/
#side-wrapper {margin: 30px 0 0 40px; max-width: 370px; float: left; word-wrap: break-word; /* fix for long text breaking sidebar float in IE */overflow: hidden; height: 100%; position: fixed;}
#sidebar-wrapper {float: left; word-wrap: break-word; /* fix for long text breaking sidebar float in IE */overflow: hidden; /* fix for long non-text content breaking IE sidebar float */}
.sidebar {text-align: left;font: normal normal 11px Verdana, Geneva, sans-serif;}
#sidebar1, #sidebar2 {width: 370px; color: #333333; line-height: 1.4em; attachment: fixed;}
#sidebar1 .widget, #sidebar2 .widget {margin: 3px 0px 3px 0px;}
/* sidebar heading */
#sidebar2 h2 {padding: 5px 5px 5px 10px; text-align: left; color: #ffffff; font: normal normal 14px Droid Sans; background: #385947; border-radius: 4px; border: 1px solid #cccccc;}
.sidebar ul, #BlogArchive1 ul {padding: 5px 0px 5px 5px; list-style-type: none;}
.sidebar li, #BlogArchive1 li {margin: 3px 0px 3px 0px; padding: 3px 0px 3px 0px;}
#sidebar1 a {color: #336699;text-decoration: none;}
#sidebar1 a:hover {text-decoration: none;color: #ffffff;}
#sidebar1 a:visited {text-decoration: none;color: #5a5a5a;}
#sidebar2 a {color: #336699;text-decoration: none;}
#sidebar2 a:hover {text-decoration: none;color: #ffffff;}
#sidebar2 a:visited {text-decoration: none;color: #5a5a5a;}
.sidebar a img {margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}

/* PROFILE 
---------------------------------------------------*/
.profile-img {margin: 5px;padding: 5px;border: 1px solid #191919;}
.profile-textblock {margin: 5px 0px 5px 0px;padding: 5px 0px 5px 0px;clear: both;line-height: 1.6em;border-top: 1px solid #191919;border-bottom: 1px solid #191919;}
.profile-datablock {margin: 2px 0px 5px 0px;padding: 0px 0px 0px 0px;}
.profile-data {margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;font-weight: normal;font-style: italic;}
.profile-link {margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px;}

/* BLOCKQUOTE 
---------------------------------------------------*/
blockquote {margin: 10px 20px 10px 20px;padding: 10px 15px 10px 15px;font: italic normal 12px Verdana, sans-serif;line-height: 1.6em;color: #ffffff;border: 1px solid #222222;background: #222222;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}

/* CODE 
---------------------------------------------------*/
code {color: #F8FAEC;font-size: 110%;}

/* CREDIT 
---------------------------------------------------*/
#credit {margin: 0px 0px 0px 0px;padding: 2px 0px 0px 0px;width: 100%;height: 26px;clear: both;font-family: verdana, helvetica;font-size: 70%;color: #000000;font-weight: normal;background: #a5bc50; position: bottom;}
#creditleft {margin: 0px 0px 0px 0px;padding: 7px 0px 0px 0px;height: 26px;position: relative;float: left;text-align: left;display: inline;width: 71%;background: #a5bc50; }
#creditright {margin: -33px 0px 0px 0px;padding: 7px 0px 0px 0px;height: 26px;position: relative;float: right;text-align:right;display: inline;width: 30%;background: #a5bc50; }
#creditleft p {margin: 0;padding: 0}
#creditright p {margin: 0;padding: 0}
#creditleft a, .creditleft a:hover, .creditleft a:visited {color: #000000;text-decoration: underline;}
#creditright a, .creditright a:hover, .creditright a:visited {color: #000000;text-decoration: underline;}

/* END OF CSS STYLING 
---------------------------------------------------*/
/** Page structure tweaks for layout editor wireframe */
body#layout #main,
body#layout #sidebar {padding: 0;}
#toTop {display:none; text-decoration:none; position:fixed; bottom:50px; right:10px; overflow:hidden; width:51px; height:70px; border:none; text-indent:-999px; background:url(https://lh5.googleusercontent.com/-U9hvwPW2C80/TwYV3Y5piLI/AAAAAAAAAfE/A2fp3LmmYQg/s100/top.png) no-repeat left top;}
.hidden-scrollbar {overflow:hidden; text-align:justify; margin-left: 5px;}
.hidden-scrollbar .inner {max-height:200px; overflow:auto; margin: 0px -25px 0px 0px; padding-right: 25px; /* Samakan dengan besar margin negatif */}
.hidden-scrollbar .komen {max-height:400px; overflow:auto; margin: 0px -25px 0px 0px; padding-right: 25px; /* Samakan dengan besar margin negatif */}
.tess {margin: 5px; text-align:justify; line-height: 1.5px; font-size: 11px;}
.garis1 {background: #385947; width:10px; padding:2px; height: 50%; left: 2px;top:32px; position: absolute; opacity:0.7; position:fixed;}
.garis2 {background: #6a6a6a; width: 10px; padding: 2px; height: 80%; left: 18px;top: 32px; position: absolute; opacity: 0.7;position: fixed;}
.garis3 {background: #333333;width: 30%;padding: 2px;height: 10px;left: 0px;top: 32px;position: absolute;opacity: 0.7;position: fixed;}
.garis4 {background: #cccccc;width: 11%;padding:2px;height:10px;left: 0px;top: 48px;position: absolute;opacity: 0.7;position: fixed;}
.PageList {text-align:center !important;}
.PageList li {display:inline !important; float:none !important; padding: 5px 5px 0 0;}
.PageList a {clear: both; padding: 5px 5px 5px 5px; text-decoration:none; color: #a5bc50;}
.PageList a:hover {text-decoration: underline; color: #000000; background: #a5bc50;}

/* START OF BREADCRUMB 
---------------------------------------------------*/
.combro {position:fixed; z-index:1000; top:0px; left:0; background:#191919; width:98%; color:#a5bc50; border-bottom:1px solid
#a5bc50; padding:3px 1% 3px 1%; -webkit-box-shadow:0 0 7px #000; -moz-box-shadow:0 0 7px #000; box-shadow:0 0 7px #000;}
.combro a, .combro a:visited, .combro a:active {color:#D9A300;}
.combro a:hover {color: #ffffff;}
.combro span.kanan {float:right;}
/* END OF BREADCRUMB */

/* START OF PRE-1 
---------------------------------------------------*/
pre {background-color:#333333; font:normal 12px/14px Monaco,Monospace; color:#ccc; padding:10px 15px; margin:0px 0px 10px;position:relative; overflow: auto;}
pre[rel] {padding-top:32px;}
pre[rel]:before {content:attr(rel); font:bold 12px/22px Arial,Sans-Serif; color:white; background-color:#39f; padding:0px 10px; position:absolute; top:0px; right:0px; left:0px;}
/* END OF PRE-1 */

/* START OF PRE-2 
---------------------------------------------------*/
.dp-highlighter {font-family: "Consolas", "Monaco", "Courier New", Courier, monospace; font-size: 12px; background-color: #E7E5DC; width: 99%; overflow: auto; margin: 18px 0 18px 0 !important; padding-top: 1px; /* adds a little border on top when controls are hidden */}

/* clear styles */
.dp-highlighter ol, .dp-highlighter ol li, .dp-highlighter ol li span {margin: 0; padding: 0; border: none;}
.dp-highlighter a, .dp-highlighter a:hover {background: none; border: none; padding: 0; margin: 0;}
.dp-highlighter .bar {padding-left: 45px;}
.dp-highlighter.collapsed .bar, .dp-highlighter.nogutter .bar {padding-left: 0px;}
.dp-highlighter ol {list-style: decimal; /* for ie */ background-color: #fff; margin: 0px 0px 1px 45px !important; /* 1px bottom margin seems to fix occasional Firefox scrolling */ padding: 0px; color: #5C5C5C;}
.dp-highlighter.nogutter ol, .dp-highlighter.nogutter ol li {list-style: none !important; margin-left: 0px !important;}
.dp-highlighter ol li, .dp-highlighter .columns div {list-style: decimal-leading-zero; /* better look for others, override cascade from OL */ list-style-position: outside !important; border-left: 3px solid #6CE26C; background-color: #F8F8F8; color: #5C5C5C; padding: 0 3px 0 10px !important; margin: 0 !important; line-height: 14px;}
.dp-highlighter.nogutter ol li,
.dp-highlighter.nogutter .columns div {border: 0;}
.dp-highlighter .columns {background-color: #F8F8F8; color: gray; overflow: hidden; width: 100%;}
.dp-highlighter .columns div {padding-bottom: 5px;}
.dp-highlighter ol li.alt {background-color: #FFF; color: inherit;}
.dp-highlighter ol li span {color: black; background-color: inherit;}

/* Adjust some properties when collapsed */
.dp-highlighter.collapsed ol {margin: 0px;}
.dp-highlighter.collapsed ol li {display: none;}

/* Additional modifications when in print-view */
.dp-highlighter.printing {border: none;}
.dp-highlighter.printing .tools {display: none !important;}
.dp-highlighter.printing li {display: list-item !important;}

/* Styles for the tools */
.dp-highlighter .tools {padding: 3px 8px 3px 10px; font: 9px Verdana, Geneva, Arial, Helvetica, sans-serif; color: silver; background-color: #f8f8f8; padding-bottom: 10px; border-left: 3px solid #6CE26C;}
.dp-highlighter.nogutter .tools {border-left: 0;}
.dp-highlighter.collapsed .tools {border-bottom: 0;}
.dp-highlighter .tools a {font-size: 9px; color: #a0a0a0; background-color: inherit; text-decoration: none; margin-right: 10px;}
.dp-highlighter .tools a:hover {color: red; background-color: inherit; text-decoration: underline;}

/* About dialog styles */
.dp-about {background-color: #fff; color: #333; margin: 0px; padding: 0px;}
.dp-about table {width: 100%; height: 100%; font-size: 11px; font-family: Tahoma, Verdana, Arial, sans-serif !important; }
.dp-about td {padding: 10px; vertical-align: top;}
.dp-about .copy {border-bottom: 1px solid #ACA899; height: 95%;}
.dp-about .title {color: red; background-color: inherit; font-weight: bold;}
.dp-about .para {margin: 0 0 4px 0; }
.dp-about .footer {background-color: #ECEADB; color: #333; border-top: 1px solid #fff; text-align: right;}
.dp-about .close {font-size: 11px; font-family: Tahoma, Verdana, Arial,  sans-serif !important; background-color: #ECEADB; color: #333; width:  60px; height: 22px;}

/* Language specific styles */
.dp-highlighter .comment, .dp-highlighter .comments {color: #008200; background-color: inherit;}
.dp-highlighter .string {color: blue; background-color: inherit;}
.dp-highlighter .keyword {color: #069; font-weight: bold; background-color: inherit;}
.dp-highlighter .preprocessor {color: gray; background-color: inherit;}
/* END OF PRE-2 */



#searchform {right: 20px; top: 15px; margin: 0; padding: 0; position: relative; display: inline; float: right;}
#searchbox {background: #7d5f03; border-radius: 4px; width: 200px; height: 13px; color: #ffffff; font: normal normal 10px verdana; margin: 0px; padding-left: 5px; display: inline; border: 1px solid #7d5f03; }
#searchbutton {cursor: pointer; border-radius: 4px; background: #a5bc50; color: #000000; font: normal bold 10px Verdana, Geneva, sans-serif; margin: 0px;padding: 1px; border-top: 1px solid #DDD;border-right: 1px solid #666;border-left: 1px solid #DDD;border-bottom: 1px solid #666;}

#js-message {position:fixed !important; position:absolute; top:0px; right:0px; bottom:0px; left:0px; z-index:999; background-color:black; padding-top:120px; font:bold 100px Arial,Sans-Serif; color:red; text-align:center;}


/* Input Text Area
------------------------------------------------------------- */
input[type="text"] {
  font:normal 12px Verdana,Sans-Serif;
  border:1px solid #dcdcdc;
  background-color:#fafafa;
  -webkit-box-shadow:inset 0 0 5px #666;
  -moz-box-shadow:inset 0 0 5px #666;
  box-shadow:inset 0 0 5px #666;
  padding:2px;
}

textarea {
  font:bold 12px Verdana,Sans-Serif;
  border:5px solid #dcdcdc;
  background-color:#fafafa;
  -webkit-box-shadow:inset 0 0 5px #666;
  -moz-box-shadow:inset 0 0 5px #666;
  box-shadow:inset 0 0 5px #666;
  padding:2px;
}

input[type="text"]:focus,
textarea:focus {
  background-color:#a5bc50;
}

/*--------------------------------------------------------------
Desain Tampilan Halaman Blog (Blogger/Blogspot) Versi Seluler
Tema: White Purple
Oleh: Semar Bingung
Blog: ELTELU -:[SEMAR BINGUNG'S WEBLOG]:-
URL : http://eltelu.blogspot.com/
--------------------------------------------------------------*/

/* Mobile
----------------------------------------------- */
html body.mobile {color: #000000; background: #1f74bf; height: auto; width: auto; background-size: 210px; min-height: 480px; min-width: 210px; font: 14px Arial,Tahoma,Helvetica,FreeSans,sans-serif;}

.mobile .content-outer {font-size: 100%;}

.mobile .main-inner .date-outer, .mobile .Attribution, .mobile .comments, .mobile .comments-content .comment-thread, .mobile .comments .comment-block {padding: 4px;}

.mobile .main-inner .section:last-child .Blog:last-child {padding: 0px; margin: 0px;}

.mobile .header-outer, .mobile .main-outer, .mobile .post-outer, .mobile .footer-outer {-moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; -goog-ms-border-radius: 0px;}

.mobile .content-outer, .mobile .main-outer , .mobile .post-outer {background: inherit; border: none; box-shadow: none; margin: 0pt auto;}

.mobile a:link, .mobile a:visited, .mobile a:hover,
.mobile-link-button a:link, .mobile-link-button a:visited {text-decoration:none; color: rgb(138, 77, 153); font: 14px Arial,Tahoma,Helvetica,FreeSans,sans-serif;}

/* Judul Halaman
---------------------------*/
.mobile .header-outer {margin-bottom: 0px; background: url('https://lh3.googleusercontent.com/-WWBX-oc32Ek/T_E0xphbybI/AAAAAAAAAOg/oPxdPIBKvPc/s800/JudulBlog.png') repeat-x scroll left bottom rgb(138, 77, 153); text-shadow: none; padding: 2px; border: none;}

.mobile .header-inner .header .titlewrapper, 
.mobile .header-inner .header .descriptionwrapper {margin: 0px; padding: 2px; text-align: justify;}
.mobile .Header h1, .mobile .Header h1 a {color: #ffffff; font: normal bold 22px Arial,Tahoma,Helvetica,FreeSans,sans-serif; text-shadow: none; margin: 0px;  padding: 0px;}
.mobile .Header .description {color: #ffffff; font: normal bold 15px Arial,Tahoma,Helvetica,FreeSans,sans-serif;}

/* Menu Halaman
----------------------------*/
.mobile .tabs-inner .PageList .widget-content {width: 100%; height: 100%; padding: 0px; margin: 0px;}
.mobile .tabs-inner .PageList, .mobile .tabs-inner .LinkList,
.mobile .tabs-inner .Labels {margin: 0px; background: inherit; border: none; box-shadow: none;}
.mobile .tabs-inner .section {margin: 0px;}
.mobile .tabs-inner .widget ul {padding-top: 4px; padding-bottom: 4px; margin-left: 0px; margin-right: 0px; padding-left-value: 0px; padding-right-value: 0px; text-align: left; border: none; border-radius: 0px; height: auto; background:  url('https://lh6.googleusercontent.com/-H-0CmGKOwSg/T_GubudWV2I/AAAAAAAAAPI/SYKtH9zZlXA/s800/Menu.png') repeat-x scroll left bottom rgb(243, 244, 246);}

.mobile .tabs-inner .widget ul li,
.mobile .tabs-inner .widget li {border-top: none; margin-left: 6px;}

.mobile .tabs-inner .widget ul li:first-child,
.mobile .tabs-inner .widget li:first-child {border-left: medium none; margin-left: 0px;}

.mobile .tabs-inner .widget a {color: #000000; margin-left: 0px; padding: 0px; font: normal bold 14px Arial,Tahoma,Helvetica,FreeSans,sans-serif;}

.mobile .tabs-inner .widget li a,
.mobile .tabs-inner .widget li a:hover,
.mobile .tabs-inner .widget li.selected a,
.mobile .tabs-inner .widget li a:visited,
.mobile .tabs-inner .widget li:first-child a {color: #000000; margin-right: 0px; padding: 0px; text-shadow: none; text-transform: capitalize; border: none; background: inherit;}

/* Judul Widget
----------------------------*/
.mobile-site-widget-title {border-top: 1px solid rgb(59, 89, 152); height: auto; overflow: hidden; padding-bottom: 1px; text-align: center; width: auto; font: normal bold 14px Arial,Tahoma,Helvetica,FreeSans,sans-serif; background: url('https://lh3.googleusercontent.com/-I7lL9DKkgic/T_E0xfqEPSI/AAAAAAAAAOc/6K9jzE2AWCg/s800/JudulWidget.png') repeat-x scroll left bottom rgb(152, 173, 198);}

/* Area Widget
----------------------------*/
.mobile-site-widget-area {width: auto; height: auto; padding: 2px; padding-bottom: 0px; text-align: center; overflow: hidden; border-top: 1px solid; border-color: rgb(226, 200, 34); background: rgb(239, 242, 253); font: 14px Arial,Tahoma,Helvetica,FreeSans,sans-serif;}
.mobile .widget ul {padding: 4px; font: normal normal 14px Arial,Tahoma,Helvetica,FreeSans,sans-serif;}
.mobile .widget li, .mobile .BlogArchive #ArchiveList ul.flat li {list-style: none;}
.mobile .widget ul li:first-child, .mobile .widget #ArchiveList ul.flat li:first-child {border-top: medium none;}
.mobile .widget ul li, .mobile .widget #ArchiveList ul.flat li {border-top: 1px dashed rgba(128, 128, 128, 0.5);}
.mobile .main-inner .widget ul li, .mobile .main-inner .widget #ArchiveList ul.flat li {border-bottom: none; border-top: 1px dashed rgba(128, 128, 128, 0.5); text-indent: 0px; margin: 0px;}

/* Area Posting Utama
----------------------------*/
html .main-outer {margin: 0px;}
html .mobile #blog-pager {padding: 0px; margin: 0px; background: inherit; border: none; box-shadow: none;}
.mobile .blog-pager {border-bottom: none; background: transparent none repeat scroll top center;}
.mobile .mobile-index-comment {text-align: right;}
 
/* Area Artikel
----------------------------*/
.mobile .date-outer {background-color: #ffffff; border-top: solid 1px #777777; border-bottom: solid 1px rgb(221, 221, 221); border-left: none; border-right: none; font: 14px Arial,Tahoma,Helvetica,FreeSans,sans-serif; border-radius: 0px 0px 0px 0px;}
.mobile .date-header {margin-left: 0px; margin-right: 0px; margin-top: 0px; margin-bottom: 1px; padding: 0px; border: none; text-align: left; text-decoration: none; background: inherit; border-radius: 0px; box-shadow: none; text-transform: capitalize;}

.mobile .main-inner h2.date-header,
.mobile .date-header span {color: #000000; background: inherit; padding: 0px; letter-spacing: 0px; font: normal normal 14px Arial,Tahoma,Helvetica,FreeSans,sans-serif;}
.mobile .main-inner .widget h2.date-header {margin: 0px; right: 0px;}
.mobile .date-posts, .mobile .main-inner h2.date-header span {margin: 0px; padding: 0px;}

.mobile .main-inner .widget h2.date-header,
.mobile .main-inner h2,
.mobile .main-inner h2.date-header span {border: none;}
.mobile .main-inner .widget h2 + div, .mobile .footer-inner .widget h2 + div {border-top: none; padding-top: 0px;}
.mobile h4 {font: normal normal 14px Arial,Tahoma,Helvetica,FreeSans,sans-serif; color: #7f4c00;}
.mobile h3.post-title {margin: 0px;}
.mobile-index-title {width: 100%;}
.mobile-index-contents {color: #000000; width: 100%;}
.mobile-bingkai-judul {background-color: rgb(239, 242, 253); border: 1px solid #cccccc; height: auto; margin: 0px; overflow: hidden; padding-left: 2px; padding-right: 2px; width: 99,99%; text-align: justify;}

.mobile-index-title,
.mobile h3.mobile-index-title.entry-title,
.mobile h3.post-title,
.mobile h3.post-title a {font: normal bold 15px Arial,Tahoma,Helvetica,FreeSans,sans-serif;}
.mobile .post-footer {margin: 0px; padding: 0px; color: inherit; background: inherit; border: none;}

#mobile-share-button {border: 1px solid rgb(204, 204, 204); background-color: rgb(248, 248, 248); background-image: -moz-linear-gradient(center top , rgb(255, 255, 255), rgb(222, 222, 222)); padding: 0px 3px;}

/* Kolom Kotak Komentar
----------------------------*/
.mobile .comments,
.mobile #comments {border: 1px solid rgb(204, 204, 204); background: rgb(236, 239, 245); padding: 2px;}
.mobile #comments a {color: #134f5c;}
.mobile .comments .continue {border-top: 1px solid rgb(204, 204, 204);}

.mobile #comments h4, .mobile #comments .comment-author a,
.mobile #comments .comment-timestamp a {color: #303030;}
html .mobile .comments h4 {font: normal normal 14px Arial,Tahoma,Helvetica,FreeSans,sans-serif; padding: 0px;}
.mobile .comments .comments-content .comment {margin-bottom: 0px; padding-bottom: 0px;}
.mobile .comments .comments-content .comment-content {color: #303030;}
.mobile .comments .comments-content .comment:first-child {padding-top: 0px;}

.mobile .comments-content .comment-thread,
.mobile .comments .avatar-image-container {border: 1px solid rgb(204, 204, 204); background-color: #ffffff; margin: 2px 0px;}
.mobile .comments .avatar-image-container {height: 36px;}
.mobile .comments .comment-block {border: 1px solid rgb(204, 204, 204); background: #fafafa; margin-left: 44px;}
.mobile .comment-thread.inline-thread {border: 1px solid rgb(204, 204, 204); background: #f3f3f3; margin-left: 8px;}
.mobile .comment-form {max-width: 100%; text-align: justify;}

/* Tombol Navigasi
----------------------------*/
html .home-link, html .blog-pager-newer-link, html .blog-pager-older-link {height: auto;}
.mobile #blog-pager-home-link {width: 20px;}
.mobile #blog-pager-newer-link {width: 20px; margin-left: 0px;}
.mobile #blog-pager-older-link {width: 20px; margin-right: 0px;}
.mobile #blog-pager {border-radius: 0px 0px 0px 0px;}
.mobile-link-button {height: auto;}
.mobile-navigation-area {border-top: 1px solid rgb(204, 204, 204); border-bottom: 1px solid rgb(204, 204, 204); height: auto; overflow: hidden; padding: 4px; padding-bottom: 0px; text-align: center; width: auto; background: url('https://lh4.googleusercontent.com/-jq-dmSwuW7Y/T_E0yX51qJI/AAAAAAAAAOo/_ixSARhY1sI/s800/LatarNavigasi.png') repeat-x scroll left bottom rgb(255, 255, 255);}
 
/* Area Footer
----------------------------*/
.mobile .footer-outer, .desainer {color: #ffffff; border: 1px solid #4f2166; background: #4f2166; text-align: center; padding-top: 0px; font: normal bold 12px Arial,Tahoma,Helvetica,FreeSans,sans-serif;}
.mobile .footer-fauxborder-left {background: inherit; box-shadow: none; border: none;}

.mobile .footer-outer a, 
.mobile .footer-outer a:visited,
.mobile .footer-outer a:hover,
.mobile .footer-outer .widget h2,
.mobile .footer-inner .widget,
.desainer a:link, .desainer a:visited,
.desainer a {color: #ffffff; font: normal bold 12px Arial,Tahoma,Helvetica,FreeSans,sans-serif;}

/* Artikel Terkait Seluler
----------------------------*/
.mobile-related-posts {border: 1px solid #bbbb77; height: auto; margin: 0px; overflow: hidden; padding: 2px; text-align: justify; width: auto; color: #7f4c00;}
.mobile-related-posts-area {border: none; height: auto; margin: 0px; overflow: hidden; padding: 0px; text-align: justify; width: auto; color: inherit; background: inherit;}